/* --------------------------------------------------------	*/
/*  Navigation  */
/* --------------------------------------------------------	*/

.navbar {
  width:100%;
  min-height:40px;
  border:0px;
  padding:0px;
  margin:0px;
  z-index:99999;
  background:#f7fcff;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px;   
          
  
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);          
}

.navbar .nav {
  position:relative;
  display:block;
  right:0px;
  float:left;
  padding:0px;
  margin:0px;
}

.select-menu { 
  display:none; 
}

.navbar .nav > li {
	display:block;
  float:left;
}

.navbar .nav > li > a {
	display:inline-block;
	font-family:'Open Sans', serif;
  font-size:14px;
  line-height:40px;
	color:#7a828f;
  background:#e6edf2;
  padding:0px 20px;
  margin:0px;
  margin-right:1px;
  border:0px;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
}

.navbar .nav > li:hover > a {
	color:#fff;
  background:#FF8200;
}
                         
.navbar .nav > li.selected > a {
	color:#fff;
  background:#FF8200; 
}

.navbar .nav > li.selected > a:hover {
  color:#fff;
  background:#FF8200;
}

.navbar .nav > li.selected:hover > a {
  color:#fff;
  background:#FF8200;
}

.navbar .dark {
  background:#2e343e;
}

.navbar .dark .nav > li > a {
  background:#232933;
}

.navbar .dark .nav > li.selected > a {
  background:#FF8200; 
}

/* --------------------------------------------------------	*/
/*  Dropdown  */
/* --------------------------------------------------------	*/

.navbar .nav > li > ul {
	display:none;
  z-index:-1;
  padding:0px;
  -webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
     -moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
          box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
}

.navbar .nav > li:hover > ul {
	display:block;
  position:absolute;
  left:0px;
  list-style:none;
  background:#2e343e;
}

.navbar .nav > li > ul > li {
  position:relative;
  background:#2e343e;
  border-bottom:1px solid #3f4755;
}

.navbar .nav > li > ul > li:last-child {
  border-bottom:0px;
}

.navbar .nav > li > ul > li > a {
  display:block;
  min-width:220px;
  height:40px;
  line-height:40px;
	color:#7a828f;
  padding:0px 20px;
}

.navbar .nav > li > ul > li > a:hover {
	color:#fff;
}

.navbar .nav > li > ul > li:hover > a {
	color:#fff;
}
  
.navbar .nav > li > ul > li.selected > a {
	color:#fff;
  border-left:5px solid #FF8200;
  padding-left:25px;
  padding-right:5px;
}   

/* --------------------------------------------------------	*/
/*  Dropdown 2nd  */
/* --------------------------------------------------------	*/

.navbar .nav > li > ul > li > ul {
	display:none;
  list-style:none;
  padding:0px;
  -webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
     -moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
          box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
}

.navbar .nav > li > ul > li:hover > ul {
	display:block;
  position:absolute;
  top:0px;
  left:220px;
}

.navbar .nav > li > ul > li > ul > li {
  background:#2e343e;
  border-bottom:1px solid #3f4755;
}

.navbar .nav > li > ul > li > ul > li:last-child {
  border-bottom:0px;
}

.navbar .nav > li > ul > li > ul > li > a {
  display:block;
  min-width:220px;
  height:40px;
  line-height:40px;
	color:#7a828f;
  padding:0px 20px;  
}

.navbar .nav > li > ul > li > ul > li > a:hover {
	color:#fff;
}
    
.navbar .nav > li > ul > li > ul > li.selected > a {
	color:#fff;
  border-left:5px solid #007398;
  padding-left:30px;
}   

/* --------------------------------------------------------	*/
/*  Mobile Menu  */
/* --------------------------------------------------------	*/
      
/*  Styles For Desktop  */
.tinynav { display: none }

/*  Styles For Mobile  */
@media screen and (max-width: 991px) {

  .navbar {
    padding-top:10px;
    padding-bottom:10px;
  }

  /*  Select Navigation  */
  .tinynav {    
    display:block;
    float:left;
    width:100%;
    min-width:120px;
    height:30px;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    line-height: 30px;
    color:#464646;
    background:#fdfdfd;
    border: 1px solid #f4f4f4;
    margin-top:0px;
  }

  #nav { display: none }
    
  .js .tinynav { display: block }
  .js #nav { display: none } 

  .tinynav option[selected=selected] {
    color: #343434;
    background: #f4f4f4;
  }

}     